<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<base href="<%=basePath%>">
<%@include file="/esayuiStyle.jsp" %>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/kapian/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/kapian/htmleaf-demo.css">
	<link href='https://fonts.googleapis.com/css?family=Lato:400,300,700,900' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="css/kapian/style.css">
	
	<link rel="stylesheet" type="text/css" href="css/tabs/normalize.css">
	<link rel="stylesheet" type="text/css" href="css/tabs/htmleaf-demo.css">
	<link rel="stylesheet" type="text/css" href="css/tabs/style.css">

	<script src="js/tabs/prefixfree.min.js"></script>
</head>
<body style="background:#fff;border-radius: 0px;">
<div class="tab-group">
    <section id="tab1" title="今日病人">
    		<div>
    			<form id="ff" method="post">
   						<div style="margin-bottom:20px;text-align: right; margin-right: 50px;">
   							<label class="textbox-label textbox-label-left" for="_easyui_textbox_input2" style="text-align: left; height: 26px; width:150px; line-height: 26px;" >姓名/标识/身份证:</label>
							<input class="easyui-textbox" data-options="buttonText:'search',prompt:'Search...'" style="width:300px;height:32px;">
						</div>
    			</form>
	    			
    			<div>
					<div class="single-member effect-2">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
		                    	<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
		            <div class="single-member effect-3">
		            	<div class="member-image">
		                	<img src="seeDoctor/images/member_270x210.jpg" alt="Member">
		                </div>
		                <div class="member-info">
		                	<h3>Sophia</h3>
		                    <h5>ShowGilr</h5>
		                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		                    <div class="social-touch">
								<a href="">接诊</a>
								<a href="">接诊</a>
								<a href="">接诊</a>
		                    </div>
		                </div>
		            </div>
    			</div>
    			<div style="clear: both;"></div>
			    <div id="todayPatientPageination" class="easyui-pagination" data-options="total:99"></div>
    		</div>
			
    </section>
    <section id="tab2" title="历史记录">
      <h3>
        Content 2
      </h3>
      <p>
        Donec congue ligula non risus dictum, eget vehicula diam mattis. Pellentesque at ante ipsum. Suspendisse rutrum elementum dolor, non congue risus sagittis id.
      </p>
    </section>
</div>
<!-- effect-2 html -->
            
</body>
<script type="text/javascript" src="js/tabs/jquery-tab.js"></script>
<script type="text/javascript">
	$(function(){
		// Calling the plugin
		$('.tab-group').tabify();
		$("#todayPatientPageination").pagination({
			onSelectPage:function(pageNumber, pageSize){
				$(this).pagination('loading');
				alert('pageNumber:'+pageNumber+',pageSize:'+pageSize);
				$(this).pagination('loaded');
			}
		})
		alert($("#todayPatientPageination .pagination-page-list").val());
		
	})
	//查询今日看病病人
	function selectTodataPatient(){
		//获取分页每页显示数量
		var pageNumber = $("#todayPatientPageination .pagination-page-list").val();
		//获取分页显示的页码
		var pageNumber = $("#todayPatientPageination .pagination-num").val();
		
		
		
	}
</script>
</html>